// =============================================================================
// SCSS/SITE/INC/_VARIABLES.SCSS
// -----------------------------------------------------------------------------
// SASS variables used throughout the project's .scss files. Should be imported
// before the mixin files so that there are no errors when compiling. More
// information on variables can be found here:
// http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#variables_
// =============================================================================

// =============================================================================
// TABLE OF CONTENTS
// -----------------------------------------------------------------------------
//   01. Spacing Helpers
//   02. CSS3 Transitions
//   02. Colors
//       a. Grayscale
//       b. General Accent Colors
//   03. Buttons
//   04. Z-Index Master List
//   05. Responsive Breakpoints
// =============================================================================

// Spacing Helpers
// =============================================================================

$spacingHelperNone:      0     !default;
$spacingHelperSmall:     0.5em !default;
$spacingHelperMedium:    1em   !default;
$spacingHelperLarge:     2em   !default;



// CSS3 Transitions
// =============================================================================

$easeInQuad:     cubic-bezier(0.550, 0.085, 0.680, 0.530)  !default;
$easeInCubic:    cubic-bezier(0.550, 0.055, 0.675, 0.190)  !default;
$easeInQuart:    cubic-bezier(0.895, 0.030, 0.685, 0.220)  !default;
$easeInQuint:    cubic-bezier(0.755, 0.050, 0.855, 0.060)  !default;
$easeInSine:     cubic-bezier(0.470, 0.000, 0.745, 0.715)  !default;
$easeInExpo:     cubic-bezier(0.950, 0.050, 0.795, 0.035)  !default;
$easeInCirc:     cubic-bezier(0.600, 0.040, 0.980, 0.335)  !default;
$easeInBack:     cubic-bezier(0.600, -0.280, 0.735, 0.045) !default;

$easeOutQuad:     cubic-bezier(0.250, 0.460, 0.450, 0.940) !default;
$easeOutCubic:    cubic-bezier(0.215, 0.610, 0.355, 1.000) !default;
$easeOutQuart:    cubic-bezier(0.165, 0.840, 0.440, 1.000) !default;
$easeOutQuint:    cubic-bezier(0.230, 1.000, 0.320, 1.000) !default;
$easeOutSine:     cubic-bezier(0.390, 0.575, 0.565, 1.000) !default;
$easeOutExpo:     cubic-bezier(0.190, 1.000, 0.220, 1.000) !default;
$easeOutCirc:     cubic-bezier(0.075, 0.820, 0.165, 1.000) !default;
$easeOutBack:     cubic-bezier(0.175, 0.885, 0.320, 1.275) !default;

$easeInOutQuad:     cubic-bezier(0.455, 0.030, 0.515, 0.955)  !default;
$easeInOutCubic:    cubic-bezier(0.645, 0.045, 0.355, 1.000)  !default;
$easeInOutQuart:    cubic-bezier(0.770, 0.000, 0.175, 1.000)  !default;
$easeInOutQuint:    cubic-bezier(0.860, 0.000, 0.070, 1.000)  !default;
$easeInOutSine:     cubic-bezier(0.445, 0.050, 0.550, 0.950)  !default;
$easeInOutExpo:     cubic-bezier(1.000, 0.000, 0.000, 1.000)  !default;
$easeInOutCirc:     cubic-bezier(0.785, 0.135, 0.150, 0.860)  !default;
$easeInOutBack:     cubic-bezier(0.680, -0.550, 0.265, 1.550) !default;



// Colors
// =============================================================================

//
// Grayscale.
//

$black:          #000 !default;
$grayDarker:     #222 !default;
$grayDark:       #333 !default;
$gray:           #555 !default;
$grayLight:      #999 !default;
$grayLighter:    #eee !default;
$white:          #fff !default;


//
// General Accent Colors.
//

$blue:        #049cdb !default;
$blueDark:    #0064cd !default;
$green:       #46a546 !default;
$red:         #9d261d !default;
$yellow:      #ffc40d !default;
$orange:      #f89406 !default;
$pink:        #c3325f !default;
$purple:      #7a43b6 !default;



// Buttons
// =============================================================================

$btnBackground:    #ff2a13                     !default;
$btnBorder:        darken($btnBackground, 20%) !default;



// Z-Index Master List
// =============================================================================

$zindexDropdown:         1000 !default;
$zindexPopover:          1010 !default;
$zindexTooltip:          1020 !default;
$zindexNavbar:           1030 !default;
$zindexModalBackdrop:    1040 !default;
$zindexModal:            1050 !default;



// Responsive Breakpoints
// =============================================================================

$breakSmall:          480px  !default;
$breakMedium:         767px  !default;
$breakMediumLarge:    979px  !default; // (+1 = default desktop)
$breakLarge:          1200px !default;